<template>
    <div style="background:#efefef;">
        <mt-header title="免费发布需求">
            <router-link to="" slot="left">
               <mt-button @click.native="goBackFun()"></mt-button>
            </router-link>
            <mt-button slot="right"></mt-button>
        </mt-header>
        <div class="publish_lists">
            <ul>
                <li>
                    <div class="demand_base_info">
                        <span class="title">产品专家梳理需求（¥1980）</span>
                        <span class="des">整理需求服务</span>
                        <span></span>
                    </div>
                    <div class="demand_des">
                        <p>1、哦上的护肤开始就打发了时间的凤梨酥</p>
                        <p>2、送快递发货就是看对方拒绝</p>
                        <p>3、了我就史蒂夫难道是</p>
                    </div>
                </li>

                <li>
                    <div class="demand_base_info">
                        <span class="title">产品专家梳理需求（¥3980）</span>
                        <span class="des">CMS开发</span>
                        <span></span>
                    </div>
                    <div class="demand_des">
                        <p>1、洛杉矶的阜康市就会发空间</p>
                        <p>2、舒适的阜康市的房间空间</p>
                        <p>3、了网络剧里难受的</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</template>
<script>
export default {
    name:'publishDemand',
    data() {
        return {
            
        }
    },
    methods: {
        goBackFun(){
            window.webkit.messageHandlers.publishDemand.postMessage({});
        }
    },
}
</script>
<style lang="scss" scoped>
.publish_lists{
    ul{
        padding-top: 20px;
        li{
            padding:30px;
            margin-bottom: 30px;
            background: #fff;
            .demand_base_info{
                color: #222;
                font-weight: 700;
                padding-bottom: 20px;
                border-bottom: 1px dashed #b9b9b9;
                position: relative;
                span{
                    display: block;
                    &:last-child{
                        position: absolute;
                        right: 0;
                        top:50%;
                        transform: translate(0,-50%);
                        width: 14px;
                        height: 24px;
                        background: url('../../assets/images/rightArrow@2x.png');
                        background-size: contain;

                    }
                }
            }
            .demand_des{
                font-size: 28px;
                color: #999;
                padding: 30px 0;
            }
            
        }
    }
}
</style>